一、依赖包 vue-pdf "^4.0.12" v-viewer "^1.5.1" jquery "^3.4.1" element-ui "^2.13.0" 二、初衷、思路、想法 绝大数后台管理项目和少数C端项目都离不开文件的上传及预览，所 ...

本文转载，只收藏不常见的，平时不太清楚要如何实现的 椭圆形 image.png #oval { width: 200px; height: 100px; background: red; border-radius: 100 ...

是这样的 项目中使用的框架是Vue+ElementUI，然后有这样一个再平常不过的需求： 有一个弹出框 弹框中有checkbox 用户可以点击选中checkbox 看到这样的需求，三下五除二……搞定！然后就出现了一个奇怪的BUG，触发条件是 ...

标签的触摸/鼠标滑动事件，添加元素的切换动画，效果如下： 事件监听鼠标事件和触摸事件监听：componentDidMount() {     var teachingReportDiv = document.getElementById(" ...

今天为什么要给大家讲解这个东西呢，因为css这部分，尤其是数值这部分感觉非常简单，但是尤其是简单的，却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。 width height 百分比 当元素的height ...

前端开发当中最有意思的就是实现动画特效，Flutter提供的各种动画组件可以方便实现各种动画效果。Flutter中的动画组件主要分为两类： 隐式动画控件：只需设置组件开始值，结束值，执行时间，比如AnimatedOpacity，Animat ...

上期讲了promise基本概念和用法，今天结合上期的内容，讲解几道经典的相关面试题。 promise基本规则： 1. 首先Promise构造函数会立即执行，而Promise.then()内部的代码在当次事件循环的结尾立即执行(微任务)。 2 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

promise 简介 Promise是ES6加入标准的一种异步编程解决方案，通常用来表示一个异步操作的最终完成 (或失败)。Promise标准的提出，解决了JavaScript地狱回调的问题。 语法 var p = new Promise( ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...